<%@page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page isELIgnored="false"%>
<%
	String path = request.getContextPath();
	System.out.print(path);
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	System.out.print(basePath);
%>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>TI - http</title>
<link rel="stylesheet" href="css/zTreeStyleOld/metro.css">
<!-- <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css"> -->

<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.ztree.all-3.5.min.js"
	charset="UTF-8"></script>
<script type="text/javascript" src="js/spin.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/ztree-me.js" charset="UTF-8"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<script src="js/layout.js"></script>
<script src="js/jquery.ztree.exhide-3.5.min.js"></script>
<style type="text/css">
html {
	height: 100%;
	margin: 0;
}

body {
	height: 100%;
	margin: 0;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}
</style>
</head>
<body style="padding: 0px">
	<div style="width: 100%; height: 100%">
		<div style="float: left; width: 19%; height: 100%; overflow: auto;">
			<div style="height: 4px"></div>
			<div>
				<span style="margin-left: 8px"><em
					class="glyphicon glyphicon-th-large"></em> 用例管理</span>
			</div>
			<div>
				<ul id="zTree" class="ztree" style="width: 300px; overflow: auto;"></ul>
			</div>
			<h1></h1>
			<h2></h2>
			<h2></h2>
			<!-- <HR
				style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9, strength=10)"
				width="100%" color=#987cb9 SIZE=1> -->
		</div>
		<div
			style="float: left; width: 0.1%; height: 100%; background-color: #DCDCDC;"></div>
		<div
			style="float: left; width: 80.9%; height: 100%; padding: 0px; overflow: auto;"
			id="firstDiv">
			<s:form id="interfaceForm">
				<div class="row clearfix">
					<div class="col-md-12 column">
						<ul class="breadcrumb" id="pageNavigation"
							style="background-color: #F0F0F0;font-weight:bold;">
							<li><em class="glyphicon glyphicon-home"></em></li>
							<li class="active">此处展示用例目录和ID</li>
						</ul>
					</div>
				</div>

				<!-- URL地址输入 -->
				<div class="row clearfix">
					<div class="col-md-12 column">
						<div class="input-append">
							<div class="col-sm-10">
								<input class="form-control" id="inputURL" type="url"
									name="httpCase.httpUrl" placeholder="请输入需要访问的URL地址" />
							</div>
							<div class="col-sm-2">
								<select class="form-control" id="methodControl"
									name="httpCase.httpMethod">
									<option>GET</option>
									<option>POST</option>
								</select>
							</div>
						</div>
					</div>
				</div>
				<!-- <div class="col-lg-6">
				<div class="input-group">
					<input type="text" class="form-control">
					<div class="input-group-btn">
						<button type="button"
							class="btn btn-default 
                     dropdown-toggle"
							data-toggle="dropdown">
							GET <span class="caret"></span>
						</button>
						<ul class="dropdown-menu pull-right">
							<li><a href="#">POST</a></li>
						</ul>
					</div>
				</div>
			</div> -->

				<HR
					style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#DCDCDC, strength=10)"
					width="100%" color=#DCDCDC SIZE=1>

				<!-- 前置折叠 -->
				<div class="panel-group" id="panelBefore">
					<div class="panel panel-default">
						<div class="panel-heading" style="background-color: #FCFCFC;">
							<a class="panel-title" data-toggle="collapse"
								data-parent="#panelBefore" href="#panelRunBefore">前置执行 <em
								class="glyphicon glyphicon-collapse-down"></em></a>
							<button class="glyphicon glyphicon-plus btn btn-primary"
								id="runBeforeAdd" style="margin-left: 80%" type="button">
								</botton>
						</div>
						<div id="panelRunBefore" class="panel-collapse in">
							<div class="container" id="runBeforeAll">
								<%-- <div class="input-append">
									<div class="col-sm-5">
										<select class="form-control" id="beforeClass"
											name="runBefore">
										</select>
									</div>
									<div class="col-sm-3">
										<select class="form-control" id="beforeMethod"
											name="runBefore">
										</select>
									</div>
									<div class="col-sm-3">
										<input class="form-control" id="beforeArgs"
											name="runBefore" placeholder="根据方法输入参数，以逗号隔开" />
									</div>
									<div>
										<a class="glyphicon glyphicon-remove" href="javascript:void(0)" id="runBeforeDel"
											style="line-height: 35px"></a>
									</div>
								</div> --%>
							</div>
						</div>
					</div>
				</div>

				<HR
					style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#DCDCDC, strength=10)"
					width="100%" color=#DCDCDC SIZE=1>

				<!-- URL参数配置 -->
				<div class="container" id="URLAll">
					<div class="input-append">
						<div class="col-sm-4">
							<input class="form-control" id="URLAttr" name="urlParams"
								placeholder="URL parameter key" />
						</div>
						<div class="col-sm-4">
							<input class="form-control" id="URLAttr" placeholder="Value"
								name="urlParams" />
						</div>
						<div class="col-sm-2">
							<button class="glyphicon glyphicon-plus btn btn-primary"
								id="URLAdd" type="button">
								</botton>
						</div>
						<!-- <div>
						<a class="glyphicon glyphicon-remove" href="#" style="line-height:35px"></a>
					</div> -->
					</div>
				</div>
				<HR
					style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9, strength=10)"
					width="100%" color=#987cb9 SIZE=1>

				<!-- HEARDER消息头配置 -->
				<div class="container" id="headerAll">
					<div class="input-append">
						<div class="col-sm-4">
							<input class="form-control" id="headerAttr" name="headers"
								placeholder="Hearder attribute key" />
						</div>
						<div class="col-sm-4">
							<input class="form-control" id="headerAttr" placeholder="Value"
								name="headers" />
						</div>
						<div class="col-sm-2">
							<button class="glyphicon glyphicon-plus btn btn-primary"
								id="headerAdd" type="button">
								</botton>
						</div>
						<!-- <div>
						<a class="glyphicon glyphicon-remove" href="#" style="line-height:35px"></a>
					</div> -->
					</div>

				</div>
				<HR
					style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9, strength=10)"
					width="100%" color=#987cb9 SIZE=1>

				<div id="bodyContol">
					<!-- BODY数据选项 -->
					<div class="container">
						<div class="form-inline">
							<div class="btn-group">
								<button class="btn active" type="button" id="xfuButton">
									x-www-form-urlencoded</button>
								<input id="entitis_value" style="display: none"
									name="entities.type" value="x-www-form-urlencoded" />
								<button class="btn btn-default" type="button" id="rawButton">raw</button>
							</div>
							<select class="form-control" id="rawSelect">
								<option>json</option>
								<option>xml</option>
								<option>text</option>
							</select>
						</div>
					</div>
					<div class="container">
						<div class="col-md-12 colum"></div>
					</div>
					<!-- BODY数据配置 -->
					<div class="container" id="xfuAll">
						<div class="input-append">
							<div class="col-sm-4">
								<input class="form-control" id="xfuAttr" placeholder="Key"
									name="nameValuePairs" />
							</div>
							<div class="col-sm-4">
								<input class="form-control" id="xfuAttr" placeholder="Value"
									name="nameValuePairs" />
							</div>
							<div class="col-sm-2">
								<button class="glyphicon glyphicon-plus btn btn-default"
									id="nameValuePairAdd" type="button">
									</botton>
							</div>
							<!-- <div>
						<a class="glyphicon glyphicon-remove" href="#" style="line-height:35px"></a>
					</div> -->
						</div>
					</div>
					<div class="container" id="rawAll">
						<div class="form-group">
							<textarea class="form-control" rows="10" placeholder="请输入需要发送信息"
								name="" id="rawContent"></textarea>
						</div>
					</div>
					<HR
						style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9, strength=10)"
						width="100%" color=#987cb9 SIZE=1>
				</div>

				<!-- 后置折叠 -->
				<div class="panel-group" id="panelAfter">
					<div class="panel panel-default">
						<div class="panel-heading" style="background-color: #FCFCFC;">
							<a class="panel-title" data-toggle="collapse"
								data-parent="#panelAfter" href="#panelRunAfter">后置执行 <em
								class="glyphicon glyphicon-collapse-down"></em></a>
							<button class="glyphicon glyphicon-plus btn btn-primary"
								id="runAfterAdd" style="margin-left: 80%" type="button">
								</botton>
						</div>
						<div id="panelRunAfter" class="panel-collapse in">
							<div class="container" id="runAfterAll">
								<%-- <div class="input-append">
									<div class="col-sm-5">
										<select class="form-control" id="AfterClass"
											name="runAfter">
										</select>
									</div>
									<div class="col-sm-3">
										<select class="form-control" id="AfterMethod"
											name="runAfter">
										</select>
									</div>
									<div class="col-sm-3">
										<input class="form-control" id="AfterArgs"
											name="runAfter" placeholder="根据方法输入参数，以逗号隔开" />
									</div>
									<div>
										<a class="glyphicon glyphicon-remove" href="javascript:void(0)" id="runAfterDel"
											style="line-height: 35px"></a>
									</div>
								</div> --%>
							</div>
						</div>
					</div>
				</div>

				<HR
					style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#DCDCDC, strength=10)"
					width="100%" color=#DCDCDC SIZE=1>

				<!-- 发送保存按钮组 -->
				<!-- <div class="container">
					<div class="form-inline">
						<div class="btn-group">
							<button class="btn btn-success" type="button" id="isave">
								<em class="glyphicon glyphicon-floppy-save"></em> 保存
							</button>
							<button class="btn btn-warning" type="button" id="isend">
								<em class="glyphicon glyphicon-play"></em> 运行
							</button>
							<button class="btn btn-default" type="button">
							<em class="glyphicon glyphicon-th"></em> 预览
						</button>
							<button class="btn btn-danger" type="reset" id="ireset">
								<em class="glyphicon glyphicon-repeat"></em> 重置
							</button>
						</div>
					</div>
				</div> -->
				<div class="row clearfix">
					<div class="col-md-12 column">
						<div class="col-md-12 column">
							<div class="input-append">
								<div class="col-sm-1">
									<button class="btn btn-success" type="button" id="isave">
										<em class="glyphicon glyphicon-floppy-save"></em> 保存
									</button>
								</div>
								<div class="col-sm-1">
									<button class="btn btn-warning" type="button" id="isend">
										<em class="glyphicon glyphicon-play"></em> 运行
									</button>
								</div>
								<div class="col-sm-1">
									<button class="btn btn-danger" type="reset" id="ireset">
										<em class="glyphicon glyphicon-repeat"></em> 重置
									</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</s:form>
			<HR
				style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9, strength=10)"
				width="100%" color=#987cb9 SIZE=1>

			<!-- 运行进度条 -->
			<!-- <div class="container">
				<div class="row clearfix">
					<div class="col-md-12 column">
						<div class="progress">
							<div class="progress-bar progress-success" aria-valuemin="0"
								aria-valuemax="100" style="width: 20%;"></div>
						</div>
					</div>
				</div>
			</div> -->

			<!-- 运行结果面板 -->
			<div class="container">
				<div class="tabbable" id="tabs-661418">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#panel-765525" data-toggle="tab">运行步骤</a>
						</li>
						<li><a href="#panel-748699" data-toggle="tab">返回报文</a></li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane active" id="panel-765525">
							<textarea class="form-control" rows="10" id="responseSteps" style="background:transparent;border-style:none;"
								spellcheck="false"></textarea>
						</div>
						<div class="tab-pane" id="panel-748699">
							<textarea class="form-control" rows="10" id="responseText" style="background:transparent;border-style:none;"
								spellcheck="false"></textarea>
						</div>
					</div>
				</div>
			</div>

			<!-- <HR
				style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9, strength=10)"
				width="100%" color=#987cb9 SIZE=1> -->
			<!-- <div id="tooltipBlock" style="position: block; display: none;">init...</div> -->
			<h1></h1>
			<h2></h2>
			<h2></h2>
		</div>
	</div>
</body>
</html>